
  $('.nav-slide').mouseenter(function(){
         $('.p').slideDown(500);
    })
    $('.nav-slide').mouseleave(function(){
        $('.p').slideUp(500);     
    })
    $('.header .sousuo input').click(function(ev){
         ev.stopPropagation();
        $('.header .sousuo input').css('border-color','darkorange')
         $('.header .sousuo input').val('');
        $('.header .sousuo span').css('border-color','darkorange')
        $('.sousuomenu').css('display','block')
    })
    $(document).click(function(){
        $('.sousuomenu').css('display','none');
        $('.header .sousuo input').val('红米4x');
    })
// var ul = $('.header>.title>ul')
    var li =  $('.header>.title>ul>li')
   li.each(function(index){
        $(this).mouseenter(function(){
            // console.log($(this).index())
            var index = $(this).index();
            // console.log(li.length-2)

            if($(this).index()<li.length-2){         
            $('.show').stop().animate({
                height:230,
            },100)
            $($('.select>ul')[index]).show().siblings().hide()
            }
        })
        $(this).mouseleave(function(){
            $('.show').stop().animate({
                height:0,
            },100)
             $($('.select>ul')[index]).hide().siblings().hide()
        })
       
    })
  
 
$(document).ready(function(e) {
    var unslider04 = $('#b04').unslider({
        dots: true
    }),
    data04 = unslider04.data('unslider');
     
    $('.unslider-arrow04').click(function() {
        var fn = this.className.split(' ')[1];
        data04[fn]();
    });
});

var flli = $('.fenlei>.zong>li');
flli.each(function(index){
    $(this).mouseenter(function(){
        $(this).find('.clearfix').show()
    })
    $(this).mouseleave(function(){
        $(this).find('.clearfix').hide()
    })
})
var timer = null;
var currentM = 0;
var Li = $('.mxdp').find('ul');
console.log(Li)
timer = setInterval(autoPlay,3000);
    function autoPlay(){
        currentM ++;
        if(currentM >= Li.length){
            currentM = 0;
        }
    //      $('.mxdp').find('ul').stop().animate({
    //     left:-1226*currentM,
    // },1000)
    showImg(currentM)
        $('.mxdp').find('.glyphicon').eq(currentM).css('color','gray').siblings().css('color','lightgray')
        $('#tj').find('.glyphicon').eq(currentM).css('color','gray').siblings().css('color','lightgray')
    }
    $('.mxdp .glyphicon').mouseenter(function(){
       
        clearInterval(timer)
    })
    $('.mxdp .glyphicon').mouseleave(function(){
        timer = setInterval(autoPlay,3000)
    })
$('.mxdp .glyphicon-chevron-right').click(function(){
    
    // $('.mxdp').find('ul').stop().animate({
    //     left:-1226,
    // },500)
    currentM = currentM == Li.length -1?0:currentM+1;
    showImg(currentM)
    $(this).css('color','gray').siblings().css('color','lightgray')
})
$('.mxdp .glyphicon-chevron-left').click(function(){
    // clearInterval(timer)
    // $('.mxdp').find('ul').stop().animate({
    //     left:0,
    // },500)
    currentM = currentM == 0?Li.length-1:currentM-1;
    showImg(currentM)
    $(this).css('color','gray').siblings().css('color','lightgray')
})

function showImg(index){
    currentM = index;
    console.log(currentM)
     $('.mxdp').find('ul').stop().animate({
        left:-1226*currentM,
    },1000)
}


var dpli = $('.dp-ul-right li')
dpli.each(function(index){
    $(this).mouseenter(function(){
        $(this).find('.dp-slide').stop().animate({
            opacity:1,
            bottom:0,
        },500)
    })
    $(this).mouseleave(function(){
        $(this).find('.dp-slide').stop().animate({
            bottom:-70,
            opacity:0,
        },500)
    })
})
var dpspan = $('#aspan span');

var dpul = $('.dp .dp-ul-right ul');

dpspan.each(function(index){
    var i = index;
    
    $(this).mouseenter(function(){
        $(this).addClass('dpselect').siblings().removeClass('dpselect')
        $(dpul).eq(i).show().siblings().hide();
    })
    $(this).mouseleave(function(){
        //  $(this).removeClass('dpselect')
        //  dpspan.eq(3).addClass('dpselect')
         
    })
    $(this).parent('strong').mouseleave(function(){
       
        // dpspan.eq(3).addClass('dpselect')

    })
})
$('.dp').find('small').addClass('line-through')
$('.content ul li').mouseenter(function(){
    $(this).find('.img').stop().animate({
        opacity:0.5
    },500)
})
$('.content ul li').mouseleave(function(){
    $(this).find('.img').stop().animate({
        opacity:0
    },500)
})
 var wdiv = $('.transform div')
var width = wdiv.width()
    console.log(width)
$('.content ul li').each(function(index){
    var number =0;
    var spans =$(this).find('.img');
    var transform = $(this).find('.transform')
    var div = $(this).find('.transform').find('div').length;
    console.log(div)
    var Aspan = $(this).find('.zhishideng').find('span');
    
    $(this).find('#img-left').click(function(){     
        number--;
        if(number == -1){
            number = div-1;
        }   
        clickShow(number)
    })
    $(this).find('#img-right').click(function(){   
        number++;
        if(number == div){
            number = 0;
        }
       clickShow(number)
    })
    
    Aspan.each(function(){
        $(this).click(function(){
             number = $(this).index()
            console.log(index)
            clickShow(number)
            
        })
        
    })
    
    function clickShow(currentNumber){
         number = currentNumber;
        transform.stop().animate({
                left:-number*width,
            })
            Aspan.eq(number).addClass('radius').siblings().removeClass('radius')
    }
  
   
})


